<template>
  <div class="jian20">
    <div class="content">
      <div class="name">运-20</div>
      <div class="title">结构简介</div>
      <img
        class="plan"
        src="https://p2.ssl.qhimg.com/t015240a9e00548ceb3.png"
      />

      <div class="width">翼展：13米</div>
      <div class="height">机长：47米</div>

      <div class="area">
        T型垂尾

        <div class="line"></div>
      </div>

      <div class="enter">
        下悬挂式<br />发动机

        <div class="line"></div>
      </div>
    </div>

    <div class="text">
      <div class="left" style="width: 100%">
        <div class="title">
          <div></div>
          研制背景
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            1949年，中华人民共和国成立以后，军事空运发展一度陷入低谷，中国空军在很长一段时间内采用的国产主力机型只有运-5轻型运输机。运-5运输机是中国第一种自行制造的运输机，由南昌飞机制造公司研制，具备运行费用低，起飞距离短等特点。随着中国经济发展和科技实力逐步增强，中国航空工业开始为航空军事运输力量提供新的机型。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            20世纪60年代，中国军方就已经意识到了军事航空运输的重要性，提出了“大搞直升机、大搞运输机”的方针。在这一思想指导下，中国先后研制了运-7和运-8军用运输机，并批量装备部队。其中运-7运输机，是由中国航空工业西安飞机工业公司研制生产的双发涡轮螺旋桨中短程运输机。运-8中型四发涡轮螺旋桨多用途运输机，是中国空军主力运输机型。但上述机型毕竟是中、轻型运输机，为满足远程空运的需要，中国从俄罗斯进口20架伊尔-76大型运输机，形成了一定的航空军事运输能力，并主要用于部队、装备的调动以及救灾物资的紧急输送。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            中国的国防政策与安全形势决定了中国不会远离本土进行大规模的战争。然而在相对和平的环境中，中国空军的航空运力必须满足积极支援国防建设和经济建设，保卫祖国领土领空等的军事后勤保障和快速反应要求。因此，中国空军的作战范围以及中国武装力量的投送范围至少应达到4000千米，以快速运输相应的人员和物资装备。
          </div>
        </div>
      </div>
    </div>

    <div class="text">
      <div class="left" style="width: 100%">
        <div class="title">
          <div></div>
          服役历程
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2016年3月20日中国中央电视台（CCTV）播出的“重大工程造就国家实力新高度”，报道指出，中国的大型运输机运-20将在2016年完成试飞，批量交付部队。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2016年7月6日，空军运-20飞机授装接装仪式举行，中国自主发展的运-20飞机正式列装空军航空兵部队，标志着空军战略投送能力迈出关键性一步。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2016年11月，珠海航展上展出的运-20F-100模型，在运-20的基础上加长了机身，换装了国产发动机，为大家呈现了其未来的改进方向之一。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2018年5月8日，运-20大型运输机，首次与空降兵部队联合开展空降空投训练，这是中国空军战略投送能力、远程空降作战能力建设的又一次跃升。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2020年2月13日凌晨，中国空军出动运-20、伊尔-76、运-9共3型11架运输机，分别从乌鲁木齐、沈阳、西宁、天津、张家口、成都、重庆等7地机场起飞，向武汉空运军队支援湖北医疗队队员和物资，这是运-20大型运输机首次参加非战争军事行动，也是空军首次成体系大规模出动现役大中型运输机执行紧急大空运任务
            。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            2022年，我国的国产大型军用运输机“运-20”换装了国产发动机。一张照片中，运-20身着试验涂装，机翼下的发动机外观与以往明显不同，有网友由此推测，这是在试飞新型的涡扇-20发动机。而此前在2021年9月的中国航展上，运-20总设计师唐长红就曾宣布，运-20已经有两款自主研发的发动机正在试飞，而且进展比较顺利。他还透露，换装“中国心”之后，运-20的能力将更加强大。
          </div>
        </div>
      </div>
    </div>

    <div class="text">
      <div class="left" style="width: 100%">
        <div class="title">
          <div></div>
          运用前景
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            <div class="red">战略运输</div>
            运-20运输机的研发成功，可将装甲车、坦克甚至武装直升机等武器装备迅速部署到“一线战场”，将会和运-8、运-7将形成合理搭配，进一步完善国产军用运输机体系。到那时，不但中国的战略空军将会实际成型，中国空军的远程机动能力和战略投送能力将会获得大幅提升。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            <div class="red">预警机</div>
            运-20还可作为预警机、空中加油机和大型电子侦察机等“特种机”的平台。中国空军最先进的空警-2000预警机仍旧以俄罗斯的伊尔-76为平台，运-20的研发成功，意味着未来中国的大型预警机将实现100%国产化。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            <div class="red">加油机</div>
            中国空军的空中加油机轰油-6是以轰-6轰炸机为基础，将原来轰炸机的弹药仓改为燃油储存仓，并加装软管加油系统研制而成的，使空军初步具备空中加油能力。但是轰油-6的燃油携带量和滞空时间与美俄等国家的大型空中加油机相比仍有差距。而运-20的出现意味着中国完全可将现有的空中加油系统整合到运-20上，研发出一款专用的大型空中加油机。此外，运-20还可作为反潜巡逻机和电子侦察机的平台，进一步拓展中国海空力量的巡航范围。
          </div>
        </div>

        <div class="item">
          <div class="dot"></div>
          <div class="item-text">
            <div class="red">战役投送</div>
            从解放军所面临的抢险救灾、部队集结和武装力量投送需求来看，中国对运-20的需求数量将非常庞大。仅以一个空运批次来看，如果需要在主要战役方向上投放一个坦克装甲旅，两个空降战车团，外加1500人的伞兵及伞兵配属的突击车、指挥车、武装直升机等，就至少需要250架左右的运-20。中国军方对运-20的实际需求，最起码的数量是300架以上，如此庞大的规模，足够两个飞机制造厂开足马力生产10年。
          </div>
        </div>
      </div>
    </div>

    <div class="button">
      <RouterLink to="/yun20video" class="link"
        >运20迎接在韩烈士回国</RouterLink
      >
    </div>
  </div>
</template>
<style scoped lang="scss">
  .jian20 {
    background-image: url(../assets/WechatIMG165.jpg);
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;

    .content {
      padding-left: 3vw;
      padding-top: 3vw;
      width: 100%;
      position: relative;
      padding-bottom: 3vw;
      .name {
        font-size: 3vw;
      }
      .title {
        font-size: 2vw;
      }
      .plan {
        width: 60vw;
        margin-left: 14vw;
        position: relative;
        top: -3vw;
      }

      .width {
        position: absolute;
        left: 27vw;
        width: 53vw;
        text-align: center;
        font-size: 3vw;
        border-bottom: 2px solid yellow;
        top: 37vw;
        transform: rotateZ(-35deg);
        transform-origin: left bottom;
        color: #fff;
        &::after {
          content: '';
          position: absolute;
          left: -8px;
          bottom: -7px;
          border-width: 6px;
          border-style: solid;
          border-color: transparent yellow transparent transparent;
        }
        &::before {
          content: '';
          position: absolute;
          right: -8px;
          bottom: -7px;
          border-width: 6px;
          border-style: solid;
          border-color: transparent transparent transparent yellow;
        }
      }

      .height {
        position: absolute;
        left: 18vw;
        width: 56vw;
        text-align: center;
        font-size: 3vw;
        border-bottom: 2px solid yellow;
        top: 4vw;
        &::after {
          content: '';
          position: absolute;
          left: -8px;
          bottom: -7px;
          border-width: 6px;
          border-style: solid;
          border-color: transparent yellow transparent transparent;
        }
        &::before {
          content: '';
          position: absolute;
          right: -8px;
          bottom: -7px;
          border-width: 6px;
          border-style: solid;
          border-color: transparent transparent transparent yellow;
        }
      }

      .area {
        position: absolute;
        left: 69vw;
        width: 20vw;
        text-align: center;
        font-size: 3vw;
        border-bottom: 2px solid yellow;
        top: 38vw;

        .line {
          width: 18vw;
          height: 2px;
          background: yellow;
          position: absolute;
          left: -18vw;
          bottom: -2px;
          transform-origin: right bottom;
          transform: rotateZ(80deg);
        }
      }

      .enter {
        position: absolute;
        left: 5vw;
        width: 17vw;
        text-align: center;
        font-size: 3vw;
        border-bottom: 2px solid yellow;
        top: 35vw;

        .line {
          width: 15vw;
          height: 2px;
          background: yellow;
          position: absolute;
          right: -15vw;
          bottom: -2px;
          transform-origin: left bottom;
          transform: rotateZ(-80deg);
        }
      }
    }

    .text {
      width: 100%;
      display: flex;
      margin-top: 3vw;
      padding-bottom: 5vw;
      overflow: hidden;
      .left {
        width: 50%;
        padding-left: 4vw;
        padding-right: 4vw;
        .title {
          display: flex;
          align-items: center;
          height: 3.5vw;
          font-size: 2.5vw;
          div {
            width: 2vw;
            height: 3.5vw;
            margin-right: 1vw;
            border: 1px solid brown;
            background: yellow;
          }
        }
        .item {
          display: flex;
          margin-top: 1vw;
          .dot {
            width: 1vw;
            height: 1vw;
            background: yellow;
            margin-right: 1vw;
            margin-left: 0.5vw;
            transform: rotateZ(45deg);
            position: relative;
            top: 0.5vw;
          }
          .item-text {
            flex: 1;
            font-size: 1.5vw;
            .red {
              color: red;
            }
          }
        }

        .bullt {
          position: relative;

          img {
            width: 20vw;
            margin-left: 5vw;
            margin-top: 3vw;
            transform: rotateZ(-70deg);
          }

          .area {
            position: absolute;
            left: 12vw;
            width: 20vw;
            text-align: center;
            font-size: 3vw;
            border-bottom: 2px solid yellow;
            top: 19vw;

            .line {
              width: 10vw;
              height: 2px;
              background: yellow;
              position: absolute;
              left: -10vw;
              bottom: -2px;
              transform-origin: right bottom;
              transform: rotateZ(80deg);
            }
          }
        }

        .plan1 {
          width: 40vw;
        }
        .plan2 {
          width: 30vw;
        }
      }
    }

    .button {
      display: flex;
      justify-content: center;
      margin: 5vw;

      .link {
        font-size: 3vw;
      }
    }
  }
</style>
